<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>主页</title>
    <link rel="stylesheet" href="layui/css/layui.css">
    <script src="webjars/jquery/3.5.1/jquery.js"></script>
    <script src="vue/Vue.js"></script>
    <script src="vue/Vue-router.js"></script>
    <script src="layui/layui.js"></script>
</head>
<body>

<ul class="layui-nav" lay-filter="">
    <li class="layui-nav-item"><a href="">最新活动</a></li>
    <li class="layui-nav-item layui-this"><a href="">产品</a></li>
    <li class="layui-nav-item"><a href="">大数据</a></li>
    <li class="layui-nav-item">
        <a href="javascript:;">解决方案</a>
        <dl class="layui-nav-child"> <!-- 二级菜单 -->
            <dd><a href="">移动模块</a></dd>
            <dd><a href="">后台模版</a></dd>
            <dd><a href="">电商平台</a></dd>
        </dl>
    </li>
    <li class="layui-nav-item"><a href="">社区</a></li>
</ul>

<script>
    //注意：导航 依赖 element 模块，否则无法进行功能性操作
    layui.use('element', function () {
        var element = layui.element;
    });
</script>
<div id="appxx">
    <input type="radio" id="runoob" value="Runoob" v-model="picked">
    <label for="runoob">Runoob</label>
    <br>
    <input type="radio" id="google" value="Google" v-model="picked">
    <label for="google">Google</label>
    <br>
    <span>选中值为: {{ picked }}</span>
</div>

<script>
    vue = new Vue({
        el: '#appxx',
        data: {
            picked: 'Runoob'
        }
    })
</script>
<hr>
<h2>ckeditor4</h2>
<hr>
<textarea name="editor" id="editor" cols="30" rows="10" value="ok"></textarea>
<script src="js/edit/ckeditor.js"></script>
<script>
    if (window.CKEDITOR && (!CKEDITOR.env.ie || CKEDITOR.env.version > 7)) {
        CKEDITOR.env.isCompatible = true;
    }
    var myeditor = CKEDITOR.replace('editor');

    function get() {
        console.log(myeditor.document.getBody().getHtml());
    }
</script>
<button onclick="get()">提交</button>

<script src="js/axiom/vue.min.js"></script>
<script src="js/axiom/axios.min.js"></script>
<script src="js/md5.js"></script>
<div id="aapt">
    <p>{{ info }}</p>
</div>
<script type="text/javascript">
    var params = new URLSearchParams();
    params.append('username', 'zhangsan565');
    params.append('password', hex_md5('123456'));
    new Vue({
        el: '#aapt',
        data() {
            return {
                info: null
            }
        },
        mounted() {
            axios.post('user/login2', params).then(function (response) {
                this.info = response.data.msg;
                console.log(response.data);
            }).catch(function (error) {
                console.log(error); 
            });
        }
    })
</script>


</body>
</html>